﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title>Smartek online test</title>
		<link rel="stylesheet" href="css/bootstrap.css"  type="text/css"/>
	</head>
	<body>
		<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		
		<div class="container">
			<!--<h1><a href="#">My Arunachel Pradesh</a></h1>-->
			<img src="img/disp/logo.png" alt="">
		</div>
		
		
		<div class="container">
			<div class="navbar">
				<div class="navbar-inner">
					 <div class="container">	
						<ul class="nav">
						<li class="active"><a href="#">Home</a></li>
					  </ul>
					 </div>
				</div>
			</div>
		</div>
		
		
		<div class="container">	
			<div id="myCarousel" class="carousel slide">
			  <div class="carousel-inner">
				<div class="item active">
				 <img src="img/banner/3.png" alt="">
				 <!--<img src="img/disp/image1.jpg" alt="">-->
				  <div class="container">
					<div class="carousel-caption">
					  <h2>Example headline.</h2>
					  <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
					  <a class="btn btn-large btn-primary" href="#">Sign up today</a>
					</div>
				  </div>
				</div>
				<div class="item">
				  <img src="img/banner/1.png" alt="">
				  <div class="container">
					<div class="carousel-caption">
					  <h1>Donate Blood.</h1>
					  <p class="lead">Looking For Blood? Or want to donat blood and save a life?</p><br/>
					  <a class="btn btn-large btn-primary" href="http://www.raktdaan.com/index.php">Learn more</a>
					</div>
				  </div>
				</div>
				<div class="item">
				  <img src="img/banner/2.png" alt="">
				  <div class="container">
					<div class="carousel-caption">
					  <h1>One more for good measure.</h1>
					  <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
					  <a class="btn btn-large btn-primary" href="#">Browse gallery</a>
					</div>
				  </div>
				</div>
			  </div>
			  <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			  <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div><!-- /.carousel -->
		</div>
			
			
			
			
			
			
			
		<!--
			
		<div class="container">	
			<div class="hero-unit">
				<h1>Marketing stuff!</h1>
	 
				<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
	 
				<a href="#" class="btn btn-large btn-success">Get Started</a>
			</div>
		</div>
		
		-->
		
		
		<div class="container marketing">

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140">
          <h3>Arunachal at a glance</h3>
          <p>Arunachal Pradesh the land of the rising sun is a state of india located in northeastern part of india, it stands bordered by Assam and Nagaland in the south and shares international borders with Bhutan in the west, Myanmar in the east and the People's Republic of China (PRC) in the north. It is also known as the "Orchid State of India" and the "Paradise of the Botanists". .</p>
		  <p>It is the biggest of the group of north eastern states commonly known as the Seven Sister States.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140">
          <h2>Heading</h2>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140">
          <h2>News updates</h2>
		  <script type="text/javascript" src="http://feed.informer.com/widgets/RDYA870VXF.js"></script>
<noscript><a href="http://feed.informer.com/widgets/RDYA870VXF.html">"My top stories"</a></noscript>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
      </div><!-- /.row -->


      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png">
        <h2 class="featurette-heading">First featurette headling. <span class="muted">It'll blow your mind.</span></h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-left" src="../assets/img/examples/browser-icon-firefox.png">
        <h2 class="featurette-heading">Oh yeah, it's that good. <span class="muted">See for yourself.</span></h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-safari.png">
        <h2 class="featurette-heading">And lastly, this one. <span class="muted">Checkmate.</span></h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2013 Tigmaminds &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>

    </div><!-- /.container -->
	</body>
</html>